<template>
	<!--
    	作者：1550495493@qq.com
    	时间：2019-07-24
    	描述：前台门户主题
    -->
	<div id="insitute-menu-style">
		<div class="bg-index"></div>
		<div v-if="loginShow" class="header">
			<div class="header-boxs">
				<span class="fl">欢迎，这里是西南大学-新农村发展研究院</span>
				<span class="fr">
					<router-link to='/login'>
						<span class="login">登录 </span>
				</router-link>
				|
				<router-link to='/registered'>
					<span class="login">注册</span>
				</router-link>

				</span>

			</div>
		</div>
		<div id="insitute-menu">
			<img src="../../images/home/logo.png" class="logo-img fl" @click="gotoIndex">
			<ul class="example menu-ul fr">
				<li v-for="(item,index)  in items" :key="item.id"  :class="[{activeA:fatherIndex==index}]"  @click="showToggle(index,item)">
					<p>{{item.name}}</p>
					<ul class="subItems-list" v-if="fatherIndex==index">
						<!--阻止冒泡@click.stop-->
						<li v-for="(subItem,inds) in item.subItems" @click.stop="clickChild(fatherIndex,inds,subItem)" :class="[{activeA:childIndex==inds}]">
							<span>{{subItem.name}}</span>
						</li>
					</ul>
				</li>
				<li v-if="userShow" class="nav-right">
					<div class="header-nav-right fr">
						<div class="mormal-right fr">
							<div class="wkp-right fr">
								<div class="fr" @click="showUl()" @mouseleave="leaveDiv()">
									<div class="user-box">
										<img class="user-img fl" src="../../images/PortalThemes/user.png" />
										<span class="user-name fr">{{requrstData.userInfo != null ? requrstData.userInfo.userName : "游客"}}</span>
									</div>
									<template class="userBox">
										<ul class="user-list">
											<img class="sanjiao" src="../../images/PortalThemes/san.png" />
											<li class="xian">
												<a @click="goManagementCenter()">
													<span class="img-bg"></span>
													<span>管理中心</span>
												</a>
											</li>
					<!--						<li class="xian">
												<router-link to='/userList'>
													<a>
														<span class="img-bg1"></span>
														<span>用户管理</span>
													</a>
												</router-link>
											</li>-->
											<li @click="logOut">
												<a>
													<span class="img-bg4"></span>
													<span>退出登录</span>
												</a>
											</li>
										</ul>
									</template>

								</div>
							</div>

						</div>

					</div>

				</li>
			</ul>
		</div>
		<div class="banner-box">
			<img class="img1" :src="urls.baseUrl + portalMainImgUrl" />
			<img class="img2" :src="urls.baseUrl + portalSecondImgUrl" />
		</div>
		<section id="section">
			<router-view/>
		</section>
		<!--友情链接-->
		<!--<div class="link-box">
			<div class="link">
				<img class="link-img" src="../../images/PortalThemes/link.png" />
				<span>友情链接：
					<a v-for="portalConfig in portalConfigList" :href="portalConfig.url"> {{portalConfig.name}} |</a>

				</span>

			</div>
		</div>-->
		<div class="footer">
			<p>Copyright© 2019 西南大学新农村发展研究院　All rights reserved. 网站备案号：（渝ICP 06005063号-4） 站长信箱：ADMIN@CRIC.CN</p>
		</div>
	</div>

</template>
<script src="./ForegroundPortalTheme.js"></script>

<style scoped>
	@import "ForegroundPortalTheme.css"
</style>
